<template>
  <div class="cart-list">
    <scroll class="content" ref="scroll">
      <list-item v-for="(item,index) in cartList" :item-info="item" :key="index"/>
    </scroll>
  </div>
</template>

<script>
import scroll from "components/common/scroll/scroll";
import listItem from "./listItem";
import {mapGetters} from 'vuex'

export default {
  name: "cartList",
  components: {
    scroll,
    listItem
  },
  computed: {
    ...mapGetters(['cartList'])
  },
  activated() {
    this.$refs.scroll.Refresh()
  }

}
</script>

<style scoped>
.cart-list{
  height: calc(100% - 44px - 48px - 40px);
}
.content{
  height: 100%;
  overflow: hidden;
}
</style>
